/*struct style*/
*{padding:0; margin:0;}
a{ text-decoration:none; }
a:hover{text-decoration:underline;}
li{display:inline;} 
img{ border:0;}
/*
	form
*/
div.error{background:#ffd7d7;color:#f66;padding:5px; margin:5px 0; font-size:110%; border:1px solid #fbb;}
	div.error ul{}
	div.error li{display:block;  margin:2px 0; text-decoration:underline;}
div.success{background:#efe;color:#fff;padding:5px; margin:5px 0; font-size:110%; border:1px solid #fbb; }
form .row{ margin:25px 0; clear:both; padding:2px; }
form .row label {width:160px;float:left;font-size:130%; float:left;color:#333;margin-left:7px;}
form .row input{ height:22px;font-size:130%;color:#666;vertical-align:middle;}	
form .row .text{ width: 230px;border:1px solid #999 ; }
form .row .passwd{ width: 230px;border:1px solid #999 ; }
form .captcha{ margin-left:35%;}
form .submit{padding:5px; margin-top:40px; background:#eee;}
form .error_field{ border:1px solid #ffc1c1 ; background:#fdd; padding:8px 0 8px 0;}
/*			
	table
*/
table{ width:100%;border-collapse:collapse;text-align:center;}
	caption{
		padding:5px;
		width:100%;	 
		text-align:left;
		font-style:italic;
		color:#f99;
		font-size:90%;
	}
	th{
		padding: 3px 1px 3px 2px;
		font-size:80%;
	}
	td{
		padding: 3px 1px 3px 2px;
		font-size:90%;
	}
.content{ width:96%; margin:auto; height:auto; }
/*
	may a like a botton
*/
.button{ 
	color:#000;
	padding:1px 10px 1px 10px;
	background:#eee; 
	border-bottom:2px #bbb solid; 
	border-right:2px #aaa solid; 
	margin:0 5px 0 5px;
	font-size:80%;
}
/*
 	fieldset
*/
fieldset{border:1px solid #999;}
legend{margin-left:7px;padding:0 1px 0 1px; }
/*
 	textarea
*/
#markdown_example {
	width:100%;
	height:200px;
}
#markdown_toolbar {
	position:relative;
	list-style:none;
	border:1px solid #d7d7d7;
	background-color:#F6F6F6;
	margin:0;
	padding:0;
	height:18px;
	margin-bottom:2px;
}
#markdown_toolbar li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
#markdown_toolbar li a {
	width:24px;
	height:16px;
	float:left;
	display:block;
	background-image:url("/soj/templates/picture/markdown_icons.gif");
	border:1px solid #fff;
	border-right-color:#d7d7d7;
}
#markdown_toolbar li a:hover {
	border-color:#900;
}
#markdown_toolbar li span {
	display:none;
}
#markdown_toolbar li a#markdown_help_button {
	position:absolute;
	top:0;
	right:0;
	border-left-color:#d7d7d7;
	border-right-color:#fff;
}
#markdown_toolbar li a#markdown_help_button:hover {
	border-left-color:#900;
	border-right-color:#900;
}
#markdown_formatted{margin-top:2px;}
#markdown_italics_button { background-position: 0 -119px; }
#markdown_bold_button { background-position: 0 -102px; }
#markdown_link_button { background-position: 0 0; }
#markdown_image_button { background-position: 0 -170px; }
#markdown_unordered_list_button { background-position: 0 -34px; }
#markdown_ordered_list_button { background-position: 0 -51px; }
#markdown_quote_button { background-position: 0 -68px; }
#markdown_code_button { background-position: 0 -136px; }
#markdown_help_button { background-position: 0 -153px; }
#markdown_heading_button { background-position: 0 -85px; }
/* 
	construct 
*/
body{
	font-family:Arial,Sans-Serif;
	font-size:12px;
	text-align:center;
	overflow-y:scroll!important;
	overflow-y:auto;
	overflow-y:scroll;
}
#main_container{
	margin:0 auto;text-align:left;width:960px;zoom:1;
}
#pre_header{ 
	width:100%;
	height:18px;
	border-bottom:1px solid #e5ecf3;
	font-size:105%;
	color:#eee;
	font-family:Helvetica,Arial,Sans-Serif;
	padding-top:2px;
}
#pre_header *{ margin:0 5px 0 0;}
#pre_header a{color:#87a74c;}

#pre_header .sign{float:right;color:#069;}
#pre_header .username{float:right;color:#80a1c1;}
#pre_header .slash{color:#999;}
	
#header { width:100%; height:60px;background:url(../picture/soj_black.png) no-repeat;}
	#header .title{ font-size:220%; color:#666; float:left;}
	#header .sub_title{font-size:110%; color:#2581b1; float:right;}
	#header .ico{ float:left; margin:5px; height:45px; width:45px; }
	#header .acm_icpc{ float:right; }
	
#nav {border-bottom:1px #faa solid;padding-bottom:10px;margin-bottom:20px;margin-top:20px;font-size:110%;}
#nav ul{text-align:center;}
#nav li{margin:0 10px; list-style:none;}
#nav li a{
	color:#666;
	text-decoration: none;
	background: #ffdfdf; 
	border:1px #fbb solid;
	border-bottom:none;
	padding: 10px 14px;
	font-weight:bold;
}
#nav .active{ 
	color:#999;
	border: 1px #faa solid;
	border-bottom:1px #FFFFFF solid;
	background:#FFFFFF;
	padding: 10px 14px;
}
#nav a:hover{
	color:#666666;
	background:#FFFFFF;
	border:1px #e5ecf3 solid;
	border-bottom:1px #FFFFFF solid;
	padding:14px 14px 10px 14px;	
}
#sub_nav{ display:none; height:16px; width:100%;background:#217993; font-size:110%; margin-bottom:25px;}
#left{ height:auto;float:left; margin:2px; margin-bottom:20px;border:0px solid #000;}
#main{ width:70%; float:left; margin:2px ; height:auto; margin-bottom:20px;border:0px solid #000;}
#right{ width:28%; height:auto; float:right; margin:2px; margin-bottom:20px;border:0px solid #000;}	
#footer{ 
	width:100%;
	text-align:center;
	color:#999;
	clear:both; 
	border-top:1px solid #999;
	background:#fff;
}
#footer a{color:#004f95;}
/*
	sign
*/
#sign{width:65%;height:auto; padding:2px; margin:1px; float:left;}
#sign a{color:#f36;}
#sign span{ color:#333;font-size:130%;font-weight:bold;}
/*
	sign in/up help informations 
*/
#sign_help_info{width:32%;padding:2px;margin-left:8px;float:left;overflow:hidden;}
#sign_help_info h3{color:#f99;font-size:120%;}
#sign_help_info p{color:#999;}
/*
 	sign in
*/
#sign .signin{ border:2px solid #999;}
#sign .signin legend{color:#bbb;margin:0 20px;font-size:120%;font-weight:bold;}
/*
	sign up
*/
#sign .signup{ float:left;border:2px solid #999;}
#sign .signup legend{color:#bbb;margin:0 20px;font-size:120%;font-weight:bold;}
/*
	update user information
*/
.update_user_information{ }
/*
 	signup help
*/
.signup_help{ width:24%;float:left;color:#333;padding:2px;border:0;border-left:2px solid #900;}
.signup_help legend{color:#900;margin:0 10px;font-size:110%;}
/*
	when some operation success
*/
#message{
	margin:10px 0;
	padding-top:10px;
	height:70px;
	width:100%; 
	text-align:center; 
	background:#fff;
	font-size:130%;
}
#message .succ{
	color:#090;
}
#message .fail{
	color:#900 ;
}
#message a:hover{
	text-decoration:underline;
}
#message a{ 
	color:#069;
}
/*
 	user informations 
*/
#user_information{ 
	width:70%; 
	padding:5px;
	font-size:120%;
	color:#666;
	border:2px #bdd solid ;
}
#user_information .row{padding:5px;margin:5px 0;}
#user_information .title{ color:#069;margin-right:10px;}
#user_information .username{
	font-family:Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
	color:#333;
	border-bottom:2px solid #bdd;
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:120%;
	font-weight:bold;
}	
#user_information .edit{float:right;clear:both;margin-bottom:5px; }
#user_information .edit a{color:#069;}
/*
	problem
*/
#problem{width:70%;padding:2px;margin:1px;border:1px solid #cee;}
#problem .title{ width:100%;color:#336699;font-size:130%; text-align:center;}
#problem table{ width:60%;font-size:90%;float:left;}
#problem th{ text-transform:upper; }

#problem fieldset{height:auto;border:1px solid #bdd;color:#999;}
#problem legend{color:#099;font-size:110%;margin-left:10px;}
#problem textarea{border:0;width:100%;color:#999;font-size:120%;}
#problem .submit{width:100%; padding:5px 0 5px 0; margin-top:20px; text-align:center;}
/*
	problem_list
*/
#problem_list{width:100%;}
#problem_list a{color:#333;}
#problem_list th{
	background:#dee;
	color:#4f6b72;
	border: 1px solid #C1DAD7;
    	letter-spacing: 2px;
	padding: 1px 1px 1px 2px;
	font-weight:lighter;
}
#problem_list .spec{
	border-left: 1px solid #C1DAD7;
	background:#eff;
}
#problem_list td{
	border: 1px solid #C1DAD7;
	padding: 1px 1px 1px 2px;
	color: #4f6b72;
	font-size:80%;
}
#problem_list .problem_no_th{width:50px;}
#problem_list .best_user_th{width:100px;}
#problem_list .submit_count_th{width:60px;}
#problem_list .ac_count_th{width:60px;}
#problem_list .best_user_td{color:#ff0;}
#problem_list .ac_count_td {color:#0a0;font-family: Georgia,Serif;}
#problem_list .submit_count_td {color:#900;font-family: Georgia,Serif;}
/*
	search for problems
*/  
#problem_search{ 
	width:100%;
	text-align:left;
	margin-top:10px;
	padding-bottom:5px;
}
#problem_search .search_text{color:#666;}
#problem_search label{ color:#999; font-size:105%;text-transform:uppercase; padding:3px;}
#problem_search select{ color:#666; border:1px solid #999;}
/*
	pager
*/
#pager { 
	font-family: Georgia,Serif;
	width:100%;
	text-align:center;
	margin:5px 0 5px 0;
	padding:1px;
	color:#333;
	font-size:110%;
}
#pager a{background:#fff;color:#069;padding:1px 5px;}
#pager a:hover{background:#acc;color:#fff;text-decoration:none;}
/*
	problem_detail
*/
#problem_detail{width:100%;padding:1px; font-family:Arial, Helvetica;font-size:125%;}
#problem_detail .title{ width:100%; color:#336699;font-size:130%;text-align:center;}
#problem_detail table{ width:100%;}
#problem_detail th{ 
	text-transform:none;
	background:#328aa4;color:#fff;
	border: 1px solid #bdd;
}
#problem_detail td{border: 1px solid #bdd;}
#problem_detail fieldset{width:100%;height:auto;border:0;color:#333;margin-top:15px;}
#problem_detail legend{color:#069;font-size:120%;}
#problem_detail .submit{width:100%; padding:5px; margin-top:20px; background:#ddd; text-align:center;}
/*
	code
*/
#code_information{
	color:#333;
	text-align:left;
	font-size:100%;
	margin-bottom:3px;
} 
#code_information .problem_no{margin:0 1px 1px 1px;color:#069;border:1px solid #999 ;padding-top:1px;}
#code_information .username{margin:0 1px 1px 1px;color:#999;}
#code{ width:100%;color:#999; font-size:125%; border:2px solid #acc;padding:1px;}
#code img{background:#fff;}
#code #control{background:#cee;padding:1px;}
#code #control select{color:#911;margin-bottom:1px;}
#code #control a{ color:#333;margin-bottom:2px; }
#code textarea{ border:0; width:100%;overflow-y:scroll; border-top:1px solid #acc;margin-top:1px;}
#code #result{ width:100%; height:auto;border-top:1px solid #acc;}
#code #result .title a{color:#069;margin-left:15px;}
#code #result .title{
	width:100%;
	padding:3px 0 3px 0;
	color:#333;
}
#code #result .success{background:#bfb;}
#code #result .failure{background:#fbb;}
#code #result .error{color:#b10;margin:0 5px 0 5px;padding:1px;}
#code #result .info{ color:#333; padding:3px;}
#code a:hover{ text-decoration:underline;}
/*
 	judge result 
*/
#judge_result{padding:1px;}
#judge_result a{color:#000;}
#judge_result .ac{color:#0d0;}
#judge_result .er{color:#d00;}
#judge_result table{font-size:120%;color:#333;}
#judge_result table th{font-weight:bold;color:#933;border-bottom:1px solid #ddd;}
#judge_result table .has_right_border{border-right:1px solid #ddd;}
#judge_result table td{border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
#judge_result table .spec{background:#eef;}
#judge_result #pager {color:#333;height:25px;font-size:120%;}


.ad { width:96%;background:#dde7ce;color:#666;padding:5px;margin:auto;margin-bottom:10px;}


/*
 	topic
*/
#topic_list{ font-size:120%;color:#666;}
#topic_list .topic{
	padding:1px; display:block;margin:5px auto;padding:5px;border-bottom:1px dotted #ddd;height:90px;
}
#topic_list .topic a{ font-weight:bold;color:#0066CC;font-size:120%;}
#topic_list .topic a:hover{ text-decoration:underline; }	
#topic_list .topic .title{ width:100%;clear:both; }
#topic_list .topic .info{
	width:100%;
	clear:both;
	font-size:90%;
	color:#999;
	margin-bottom:5px;
	border-bottom:1px solid #999 ;
	padding-bottom:3px; 
}	
#topic_list .topic .summary{
	float:left;
	width:65%;
	color:#333;
	border-left:1px solid #999;
	padding:0 5px;
	
}
#topic_list .topic_ower{ float:left;width:15%;height:50px;}
#topic_list .tags{float:right;width:10%;color:#f91;height:50px;}
#topic_list .tags .button{ color:#069;font-weight:normal;font-size:90%;}
#topic_list #controler {margin-bottom:20px;height:30px;padding-top:2px;}
#topic_list #controler a{ background:#999;color:#fff;padding:3px;font-weight:bold;margin-left:10px;}
#topic_list #controler a:hover{background:#f91;}

/*
 	post_new_topic 
*/
#post_new_topic { width:70%;float:left;}
#post_new_topic textarea{ border:1px solid #999; }
#post_new_topic h2{color:#f91;padding-bottom:5px;}
#post_new_topic h3{color:#999;margin-top:5px;}
#post_new_topic a{font-size:120%;color:#069;}
#post_new_topic label{width:80px;color:#333;font-weight:bold;}
#post_new_topic .row{}
#post_new_topic .title{width:300px;border:1px solid #999;}
#post_new_topic .tags{border:1px solid #999;}
#post_new_topic .submit{background:#f91;}

#post_help{ 
	width:26%;
	float:left;
	margin-left:10px;
	background:#fda;
	color:#333;
	padding:3px;
	margin-top:10px; 
	font-size:105%;
}
#topic_detail {}
#topic_detail .code{
	background:#eee;
	padding:1px;
	clear:both;
	font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
}
#topic_detail .topic_title{ 
	font-family:Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
	border-bottom:1px solid #bbb;
	font-size:150%;
	font-weight:bold;
	color:#333;
}
#topic_detail .reply_title{
	font-family:Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif; 
	border-bottom:1px solid #999;
	font-size:130%;
	font-weight:bold;
	color:#333;
}
#topic_detail .topic{ padding:5px;font-size:120%;margin-bottom:30px;}
#topic_detail .topic_info{ width:100%; color:#069;margin-bottom:5px;}
#topic_detail .topic_content{font-family: Georgia,Serif;font-size:105%;}
#topic_detail .reply{ padding:5px;margin-bottom:10px;font-size:120%;border-bottom:2px solid #bdd ;}
#topic_detail .reply .reply_info{width:100%; color:#39a;margin-bottom:2px;}
#topic_detail .reply_content{font-family:Georgia,Serif;font-size:105%;border-left:4px solid #39a;padding-left:5px;}
#topic_detail #post_you_answer{width:70%;padding:5px;margin-top:10px;}
#topic_detail #post_you_answer .title{ margin-bottom:5px;font-weight:bold;color:#333;font-size:130%;}
#topic_detail #post_you_answer .preview{ margin:10px 0;font-weight:bold;color:#999;font-size:130%;}
#topic_detail #post_you_answer a{ font-size:130%;color:#069;}
#topic_detail .row{ margin-top:10px; }
/*
 	welcome
*/
#welcome{ text-align:center;font-family:Comic Sans MS, Calibri, Arial, Helvetica, sans-serif;  }
#welcome h1{}
#welcome p{}
#welcome a{ color:#069;}

/*
	flash?	
*/
#flash{
	height:200px;
	padding:5px;
	background:#ffe1e1;
	color:#bbb;
}
/*
	welcome titles 
*/
#welcome_title{
	color:#a00;
	margin-bottom:10px;
}
/*
 	welcome info
*/
#welcome .welcome_info{
	color:#333;
	font-size:110%;
       	margin-bottom:10px;
	text-align:left;
	padding:5px;	
}
/*
	under_welcome
*/
#under_welcome{
	height:100px;
	padding:5px;
	background:#ececec;
	border:1px solid #ddd;
	color:#999;
}
/*
	code heightlight
*/
.dp-highlighter{
	font-family: "Consolas", "Courier New", Courier, mono, serif;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
}
/* 
	clear styles 
*/
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span {
	margin: 0;
	padding: 0;
	border: none;
}
.dp-highlighter a,
.dp-highlighter a:hover{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}
.dp-highlighter .bar{
	padding-left: 45px;
}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar{
	padding-left: 0px;
}
.dp-highlighter ol{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li{
	list-style: none !important;
	margin-left: 0px !important;
}
.dp-highlighter ol li,
.dp-highlighter .columns div{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div{
	border: 0;
}
.dp-highlighter .columns{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}
.dp-highlighter .columns div{
	padding-bottom: 5px;
}
.dp-highlighter ol li.alt{
	background-color: #FFF;
	color: inherit;
}
.dp-highlighter ol li span{
	color: black;
	background-color: inherit;
}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol{
	margin: 0px;
}
.dp-highlighter.collapsed ol li{
	display: none;
}
/* Additional modifications when in print-view */
.dp-highlighter.printing{
	border: none;
}
.dp-highlighter.printing .tools{
	display: none !important;
}
.dp-highlighter.printing li{
	display: list-item !important;
}
/* Styles for the tools */
.dp-highlighter .tools{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}
.dp-highlighter.nogutter .tools{
	border-left: 0;
}
.dp-highlighter.collapsed .tools{
	border-bottom: 0;
}
.dp-highlighter .tools a{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}
.dp-highlighter .tools a:hover{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}
/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
/*
	ranklist
*/
#ranklist{width:100%;}
#ranklist table{ width:100%;border-collapse:collapse;}
#ranklist caption{
	padding:5px;
	width:100%;	 
	text-align:center;
	color:#069;
}
#ranklist th{
	background:#fff;
	color:#333;
	border-bottom:2px solid #bdd;
    	letter-spacing: 2px;
	padding: 1px 1px 1px 2px;
	font-weight:bold;
}
#ranklist .spec{
	border-left: 1px solid #bdd;
	background:#dee;
}
#ranklist td{
	border: 1px solid #bdd;
	padding: 1px 1px 1px 2px;
	color: #4f6b72;
	font-size:80%;
}
#ranklist .rank{width:90px;}
#ranklist .username{width:100px;}
#ranklist .nick{width:100px;}
/*
	Control Window	
*/
#control_overlay {  
    	background-color:#000;
} 
 
.modal {  
    	background-color:#fff;  
    	padding:10px;  
    	border:1px solid #333;  
} 
 
.tooltip {  
	border:1px solid #000;  
	background-color:#fff;  
	height:25px;  
	width:200px;  
	font-family:"Lucida Grande",Verdana;  
	font-size:10px;  
	color:#333;  
} 
 
.simple_window {
	width:700px;  
	height:320px;  
	border:2px solid #9bb;  
	background-color:#cee;  
	padding:5px;  
	font-family:"Lucida Grande",Verdana;  
    	font-size:12px;  
    	color:#333; 
    	overflow-y:scroll;
    	position:absolute;
    	left:300px;
    	top:300px;
} 
 
.window {  
	background-image:url("/stylesheets/window_background.png");  
	background-position:top left;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	padding:10px;  
	font-family:"Lucida Grande",Verdana;  
	font-size:13px;  
	font-weight:bold;  
	color:#fff;  
	text-align:center;  
	min-width:150px;  
	min-height:100px;  
} 
 
.window .window_contents {  
	margin-top:10px;  
	width:100%;  
	height:100%;      
} 
.window .window_header {  
	text-align:center;  
} 
.window .window_title {  
	margin-top:-7px;  
	margin-bottom:7px;  
	font-size:11px;  
	cursor:move;  
}
.window .window_close {  
	display:block;  
	position:absolute;  
	top:4px;  
	left:5px;  
	height:13px;  
	width:13px;  
	background-image:url("/stylesheets/window_close.gif");  
	cursor:pointer;  
	cursor:hand;  
}  
